<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style/css/carlist.css">
    <script src="./js/main.js" type="module"></script>

</head>

<body>
    <div class="header"></div>

    <div class="main">
        <div class="cart-wrapper">

            <div class="cart-header">
                <div class="th allcheck">
                    <input type="checkbox" checked="" name="" id="" class="allsel" value="">
                    <span>全选</span>
                </div>
                <div class="th gooos-mess">商品信息</div>
                <div class="th kong"></div>
                <div class="th price">单价(元)</div>
                <div class="th amount">数量</div>
                <div class="th sum">小计(元)</div>
                <div class="th op">操作</div>
            </div>


            <div class="cart-list">
                <div class="goods-item" style="display: none;">
                    <div class="td td-chk">
                        <input type="checkbox" checked>
                    </div>
                    <div class="td td-item">
                        <img src="" alt="" class="item-img">
                        <div class="item-title">
                            <span>1111111111</span>
                        </div>

                    </div>
                    <div class="td td-kong">

                    </div>
                    <div class="td td-price">
                        ￥<span>222</span>
                    </div>
                    <div class="td td-amunt">
                        <div class="amunt-box">
                            <a class="amunt-down" href="javascript:void(0)">-</a>
                            <input type="text" value="1">
                            <a class="amunt-add" href="javascript:void(0)">+</a>
                        </div>

                    </div>
                    <div class="td td-sum">
                        ￥<strong>111</strong>
                    </div>
                    <div class="td td-op">
                        <a href="javascript:void(0)">删除</a>
                    </div>
                </div>

            </div>


            <div class="carttoolbar">
                <div class="left">
                    <div class="cartcheckbox">
                        <input type="checkbox" checked="" name="" id="" class="allsel" value="">
                        <label for="">全选</label>
                    </div>
                    <a href="" class="del-item">删除</a>
                </div>
                <div class="right">
                    <div class="collect">
                        <span>已选商品</span><em>0</em><i>件</i>
                    </div>
                    <div class="price-sum">
                        <p class="p1">
                            <span>总价（不含运费）：</span><em>￥</em><i class="totalprice">222</i>
                        </p>
                        <p class="p2">
                            <span>运费（运费以结算时间为准）：</span><em>￥</em><i class="saveprice">0.00</i>
                        </p>
                    </div>
                </div>
            </div>

        </div>


    </div>
    <div class="rec center">
        <div class="rec-top">
            <div>为您推荐</div>
            <div>最近浏览</div>
        </div>
        <div class="rec-bottom">
            <div class="left">

            </div>
            <div class="sp">
                <ul>
                    <li>
                        <img src="./img/r1.webp" alt="">
                        <p>Apple iPhone 13 128G 午夜色 移动联通电信 5G手机</p>
                        <span>￥5999</span>
                        <div><a href="">加入购物车</a></div>
                    </li>
                    <li>
                        <img src="./img/r2.webp" alt="">
                        <p>国美真选东北吉林大米2021年新米5kg 食味值86.8 全程可追溯</p>
                        <span>￥59.9</span>
                        <div><a href="">加入购物车</a></div>
                    </li>
                    <li>
                        <img src="./img/r3.webp" alt="">
                        <p>海尔(Haier) 1.5P 变频 冷暖 新一级能效 智能防直吹 壁挂式空调 KFR-35GW/01KBB81U1</p>
                        <span>￥2699</span>
                        <div><a href="">加入购物车</a></div>
                    </li>
                    <li>
                        <img src="./img/r4.webp" alt="">
                        <p>海尔(Haier) 1.5P 变频 冷暖 新三级能效 壁挂式空调 KFR-35GW/02KBB83U1</p>
                        <span>￥2499</span>
                        <div><a href="">加入购物车</a></div>
                    </li>
                    <li>
                        <img src="./img/r5.webp" alt="">
                        <p>Apple iPhone 13 128G 星光色 移动联通电信 5G手机</p>
                        <span>￥5999</span>
                        <div><a href="">加入购物车</a></div>
                    </li>
                </ul>
            </div>
            <div class="right">

            </div>
        </div>


    </div>
    <div class="foot"></div>

</body>

</html>